<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>♥ VoiceNote</title>
<script type="text/javascript" src="js/voicenote.js"></script>
<script type="text/javascript" src="js/punct.js"></script>
<link id="dyncss" rel="stylesheet" type="text/css" href='css/style_original.css'>
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
</head>

<body>
<script type="text/javascript" src="z/ZeroC.js"></script>
<div class="main">
  <div class="lbut">
    <textarea name="docel" id="docel"  cols="20" rows="8" spellcheck="true"></textarea>
  </div>
  <div class="rbut">
    <ul class="n">
      <li>
        <input name="speech" id="speechel" x-webkit-speech="" speech="speec" onspeechchange="speakadd();" onwebkitspeechchange="speakadd();"  >
      </li>
      <li>
        <input type="image" 
             class="punbtn" id="rembtn"  onClick="rem_speech();" value="←" src="img/Undo.png" >
      </li>
      <li>
        <input  type="image" class="punbtn" id="dotbtn"  onclick="add_punct(this);" value="." src="img/dot.png" >
      </li>
      <li>
        <input  type="image" class="punbtn" id="commabtn"  onclick="add_punct(this);" value="," src="img/comma.png" >
      </li>
      <li>
        <input  type="image" class="punbtn" id="questionbtn"  onclick="add_punct(this);" value="?" src="img/question.png" >
      </li>
      <li>
        <input  type="image" class="punbtn" id="carbtn"  onClick="add_punct(this);" value="\n" src="img/ent.png" >
      </li>
    </ul>
  </div>
  <div class="hFooter"></div>
</div>
<div  class="footer">
  <div class="lfbut">
    <input  type="image"   onclick="add_logo(this);" onMouseDown="this.src='img/lovea.png'" onMouseUp="this.src='img/loveh.png'" onMouseOver="this.src='img/loveh.png'" onMouseOut="this.src='img/loven.png'" value="♥" src="img/loven.png"  >
    <input type="checkbox" class="checbtn" id="chkcap" checked >
    <input type="checkbox" class="checbtn" id="chkpunct" checked >
    <input type="checkbox" class="checbtn" id="chkcur" >
  </div>
  <div class="butlang" >
    <select name="lang" id="lang" value=":)" onchange=" document.getElementById('speechel').setAttribute('lang', this.options[this.selectedIndex].value)">
      <option value="af">Afrikaans</option>
      <option value="af-ZA">Afrikaans (South Africa)</option>
      <option value="ar-BH">Arabic (Bahrain)</option>
      <option value="ar-EG">Arabic (Egypt)</option>
      <option value="ar-JO">Arabic (Jordan)</option>
      <option value="ar-KW">Arabic (Kuwait)</option>
      <option value="ar-LB">Arabic (Lebanon)</option>
      <option value="ar-OM">Arabic (Oman)</option>
      <option value="ar-PS">Arabic (Palestine)</option>
      <option value="ar-QA">Arabic (Qatar)</option>
      <option value="ar-AE">Arabic (U.A.E.)</option>
      <option value="yue">Cantonese</option>
      <option value="yue-HK">Cantonese (Hong Kong)</option>
      <option value="zh">Chinese</option>
      <option value="zh-HK">Chinese (Hong Kong)</option>
      <option value="zh-CN">Chinese (PRC)</option>
      <option value="zh-TW">Chinese (Taiwan)</option>
      <option value="cs">Czech</option>
      <option value="cs-CZ">Czech (Czech Republic)</option>
      <option value="nl">Dutch</option>
      <option value="nl-NL">Dutch (Netherlands)</option>
      <option value="en">English</option>
      <option value="en-AU">English (Australia)</option>
      <option value="en-CA">English (Canada)</option>
      <option value="en-GB">English (Great Britain)</option>
      <option value="en-IN">English (India)</option>
      <option value="en-NZ">English (New Zealand)</option>
      <option value="en-ZA">English (South Africa)</option>
      <option value="en-US" selected="selected">English (USA)</option>
      <option value="fr">French</option>
      <option value="fr-BE">French (Belgium)</option>
      <option value="fr-FR">French (France)</option>
      <option value="fr-CH">French (Switzerland)</option>
      <option value="de">German</option>
      <option value="de-AT">German (Austria)</option>
      <option value="de-DE">German (Germany)</option>
      <option value="de-LI">German (Liechtenstein)</option>
      <option value="de-CH">German (Switzerland)</option>
      <option value="iw-IL">Hebrew (Israel)</option>
      <option value="in-ID">Indonesian (Indonesia)</option>
      <option value="it">Italian</option>
      <option value="it-IT">Italian (Italy)</option>
      <option value="it-CH">Italian (Switzerland)</option>
      <option value="ja">Japanese</option>
      <option value="ja-JP">Japanese (Japan)</option>
      <option value="ko">Korean</option>
      <option value="ko-KR">Korean (South Korea)</option>
      <option value="ms-MY">Malay (Malaysia)</option>
      <option value="zh-cmn">Mandarin Chinese</option>
      <option value="zh-cmn-CN">Mandarin Chinese (PRC)</option>
      <option value="zh-cmn-TW">Mandarin Chinese (Taiwan)</option>
      <option value="pl">Polish</option>
      <option value="pl-PL">Polish (Poland)</option>
      <option value="pt">Portuguese</option>
      <option value="pt-BR">Portuguese (Brazil)</option>
      <option value="ru">Russian</option>
      <option value="ru-RU">Russian (Russia)</option>
      <option value="es">Spanish</option>
      <option value="es-AR">Spanish (Argentina)</option>
      <option value="es-419">Spanish (Latin America)</option>
      <option value="es-MX">Spanish (Mexico)</option>
      <option value="es-ES">Spanish (Spain)</option>
      <option value="tr">Turkish</option>
      <option value="tr-TR">Turkish (Turkey)</option>
      <option value="zu">Zulu</option>
      <option value="zu-ZA">Zulu (South Africa)</option>
    </select>
  </div>
  <div class="mfbut">
    <input  type="image" class="punbtn" id="clear"  onclick="clearContents(docel);" value="x" src="img/clearw.png" >
    <input  type="image" class="punbtn" id="capbtn"  onclick="add_cap();" value="⇑" src="img/sh.png" >
    <input  type="image" class="punbtn" id="qoutesbtn"  onclick="add_punct(this);" value=":)" src="img/sm.png" >
    <input  type="image" class="punbtn" id="asteroid"  onclick="add_punct(this);" value="*" src="img/asteroid.png" >
    <input  type="image" class="punbtn" id="qoutesbtn"  onclick="add_punct(this);" value="&quot;" src="img/qoutes.png" >
    <input  type="image" class="punbtn" id="colonbtn"  onclick="add_punct(this);" value=":" src="img/colon.png" >
    <input  type="image" class="punbtn" id="semicolonbtn"  onclick="add_punct(this);" value=";" src="img/semicolon.png" >
    <input  type="image" class="punbtn" id="dashbtn"  onclick="add_punct(this);" value="-" src="img/pun.png" >
    <input  type="image" class="punbtn" id="exclamationbtn"  onclick="add_punct(this);" value="!" src="img/exclamation.png" >
  </div>
  <div  id="container"  class="rfbut">
    <input  type="image" class="my_copy_button" id="copy_button" src="img/copy.png">
  </div>
</div>
</div>
<script type="text/javascript" src="z/newZeroC.js"></script>
</body>
</html>
